<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" />
<title>G-MODE WEBSITE</title>

<?php echo $this->html->loadCSS("content/gmode_product/css/reset.css")?>
<?php echo $this->html->loadCSS("content/gmode_product/css/960_24_c.css")?>
<?php echo $this->html->loadCSS("content/gmode_product/css/style.css")?>
<?php echo $this->html->loadCSS("content/gmode_product/css/gallerif.css")?>
<?php echo $this->html->loadCSS("content/gmode_product/css/contact.css")?>

<?php echo $this->html->loadJS("content/gmode_product/js/jquery-1.5.1.min.js")?>
<?php echo $this->html->loadJS('content/gmode_product/js/jquery.simplemodal.js')?>
<?php echo $this->html->loadJS("content/gmode_product/js/slides.min.jquery.js")?>
<?php echo $this->html->loadJS("content/gmode_product/js/jquery.galleriffic.js")?>
<?php echo $this->html->loadJS("content/gmode_product/js/jquery.opacityrollover.js")?>
<?php echo $this->html->loadJS("content/gmode_product/js/jquery.cycle.all.min.js")?>
<?php echo $this->html->loadJS("content/gmode_product/js/cufon.js")?>
<?php echo $this->html->loadJS("content/gmode_product/js/UTM_HelvetIns_400.font.js")?>
<?php echo $this->html->loadJS("content/gmode_product/js/contact.js")?>

<?php echo $this->html->loadJS("content/gmode_product/js/all.js")?>

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#topBar").css("position", "absolute");
});

$(window).scroll(function() {
    $("#topBar").css("top", $(window).scrollTop() + "px");
});
</script>
<script type="text/javascript">
	Cufon.replace('h1, h2, h3, h4, h5, h6', { hover: 'true' });
	Cufon.replace('#mastmenu li a', { 
			color: '-linear-gradient(#45c0df, 0.45=#43bfde, 0.45=#22aad8, #0898d2)',
			hover: {color: '#ffffff'} 
		});
</script>

</head>
<body>
<form action="" method="post">
	<div id="wrap">    
    	<div id="top">
       		<div id="topContent" class="container_24">
                <div id="loginForm" class="grid_6 alpha">
    				<input type="text" id="username" name="username" value="Tên" size="10" />
    				<input type="text" id="password" name="password" value="Pass" size="10" />
    				<img src="<?php echo $this->url->content("content/gmode_product/images/bt_ok.png")?>" id="login" name="login" value="OK" />
				</div>
				<div id="registerLink" class="grid_3 alpha">
    				<a href="">Đăng ký</a>
    				<a href="">Quên mật khẩu</a>
				</div>                
                <div id="cartButton" class="grid_2 alpha">
                    <a href="">Giỏ hàng</a>
                </div>
                <div id="topMenu" class="grid_13 omega">
    				<ul></ul>
				</div>          
				<div class="clear"></div>
        	</div>
        </div>
    	<div id="middle">
            <div id="middleContent" class="container_24">
            	<div id="headerContent">
                    <div id="logo">
                    	<a href="product.htm"><img src="<?php echo $this->url->content('content/gmode_product/images/logo.png');?>" width="144" height="92" alt="GMode Shop" /></a>
                    </div>
                    <div id="slogan">
                    	
                    </div>
                    <div id="shopping-cart">
						<p class="title">Giỏ Hàng: </p>
						<p class="items">hiện tại trong giỏ <a href="">0 items</a></p>
                    </div>
                    <div style="clear: both;"></div>
                </div>
                <div id="mastmenu">
                    <div class="inner">
                        <ul>
                            <li><a href="#"><h3>Trang chủ</h3></a></li>
                            <li><a href="#"><h3>Giới thiệu</h3></a></li>
                            <li><a href="#"><h3>Sự kiện</h3></a></li>
                            <li><a href="#"><h3>Sản phẩm</h3></a></li>
                            <li><a href="#"><h3>Tuyển dụng</h3></a></li>
                            <li><a href="#"><h3>Diễn đàn</h3></a></li>
                            <li><a href="#"><h3>Liên hệ</h3></a></li>
                        </ul>
                    </div>
                </div>
                <div id="sidebar" class="grid_6"> 
                
                    <!-- Left menu -->              
					<div id="sideMenu" class="sidePad">
               			<?php $this->html->renderAction("leftMenu", "ProductPage");?>
					</div>    
					<!-- End left menu -->
					
           	 		<div id="shopList" class="sideText twoCols sidePad">
    				<div class="sidePadTop"><h1>Cửa hàng</h1></div>
    					<div class="sidePadMid">
                        	<table cellpadding="0" cellspacing="0" border="0">
                            	<tr>
                                	<td width="108"><p>Địa chi1</p></td><td width="75"><p>Số ĐT 1</p></td>
	                            </tr>
    	                        <tr>
        	                        <td><p>Địa chi1</p></td><td><p>Số ĐT 1</p></td>
            	                </tr>
                	            <tr>
                    	            <td><p>Địa chi1</p></td><td><p>Số ĐT 1</p></td>
                        	    </tr>
                            	<tr>
                                	<td><p>Địa chi1</p></td><td><p>Số ĐT 1</p></td>
	                            </tr>
    	                        <tr>
        	                        <td><p>Địa chi1</p></td><td><p>Số ĐT 1</p></td>
            	                </tr>
                	        </table>
    					</div>
	    				<div class="sidePadBot">
    				</div>
				</div>
      
             	<div id="contact" class="sideText twoCols sidePad">
    				<div class="sidePadTop"><h1>Hỗ trợ online</h1></div>
    				<div class="sidePadMid">
                    	<div>
                        	<div>Hà Nội</div>
                            <div style="margin-left: 10px;">
                              <a href=""><img name="rss_icons" src="<?php echo $this->url->content('content/gmode_product/images/logo.png');?>" width="20" height="20" alt="" /></a>
                              Skype 1
                            </div>
                     	</div>
                    	<div>
                        	<div>Hà Nội</div>
                            <div style="margin-left: 10px;">
                              <a href=""><img name="rss_icons" src="images/yahoo.png" width="20" height="20" alt="" /></a>
                              Skype 1
                            </div>
                     	</div>
                    	<div>
                        	<div>Hà Nội</div>
                            <div style="margin-left: 10px;">
                              <a href=""><img name="rss_icons" src="images/yahoo.png" width="20" height="20" alt="" /></a>
                              Skype 1
                            </div>
                     	</div>
    				</div>
    				<div class="sidePadBot">
    			</div>
			</div>
            
             <div id="searchbox" class="sideText twoCols sidePad">
    			<?php $this->html->renderAction('search', 'ProductPage')?>
			</div>                    
<script type="text/javascript">
$(document).ready(function() {
	$('#slideshowAdv01').cycle({
		fx: 'scrollUp' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>
			<div id="imgAdv01" class="sideAdv sidePad">
    			<div class="sidePadTop"></div>
    			<div class="sidePadMid" id="slideshowAdv01">
        			<a href="#"><img src="<?php echo $this->url->content('content/gmode_product/images/SBSunday.jpg');?>" height="147" width="215" alt="" /></a>
        			<a href="http://facebook.com/gmode"><img src="<?php echo $this->url->content('content/gmode_product/images/SBFacebo.jpg');?>" height="147" width="215" alt="" /></a>
        			<a href="#"><img src="<?php echo $this->url->content('content/gmode_product/images/SBBosua0.jpg');?>" height="147" width="215" alt="" /></a>
    			</div>
    			<div class="sidePadBot"></div>
			</div>                
		</div>
        <div id="maincontent" class="grid_18">
        	<div id="home">
				<div id="slideShowContainer">
                    <div id="slides">
                        <div class="slides_container">
                            <div>
                            	<img src="<?php echo $this->url->content('content/gmode_product/images/slide_01.png');?>" width="683" height="344" alt="Slide 7" />
                            </div>
                            <div>
                            	<img src="<?php echo $this->url->content('content/gmode_product/images/slide_02.png');?>" width="683" height="344" alt="Slide 2" />
                            </div>
                            <div>
                            	<a href="#" target="_blank">
                                	<img src="<?php echo $this->url->content('content/gmode_product/images/slide_03.png');?>" width="683" height="344" alt="Slide 3" />
                                </a>
                            </div>
                            <div>
                            	<img src="<?php echo $this->url->content('content/gmode_product/images/slide_02.png');?>" width="683" height="344" alt="Slide 4" />
                            </div>
                            <div>
                            	<img src="<?php echo $this->url->content('content/gmode_product/images/slide_01.png');?>" width="683" height="344" alt="Slide 5" />
                            </div>
                            <div>
                            	<img src="<?php echo $this->url->content('content/gmode_product/images/slide_03.png');?>" width="683" height="344" alt="Slide 6" />
                            </div>
                        </div>
                    </div>
				</div>
<script type="text/javascript">
	$(function(){
		$('#slides').slides({
			preload: true,
			preloadImage: 'image/loading.gif',
			play: 5000,
			pause: 2500,
			hoverPause: true,
			generatePagination: true
		});
	});
</script>    
		<!-- Content -->
    	<?php $this->content();?>
    	<!-- End content -->
</div>                	
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div id="bottom">
        	<div id="bottomContent" class="container_24">
            	<div id="botMenu" class="grid_15">
                	<a href="">Về GMODE</a>
<a class="contact" href="">Liên hệ</a>
<a href="">Terms & Condition</a>
<a href="">Bản đồ website</a>                </div>
                <div id="botLink" class="grid_9">
                	<img src="<?php echo $this->url->content("content/gmode_product/images/ico_xweb.png")?>" width="120" height="38" alt="XWEB" />
<img src="<?php echo $this->url->content("content/gmode_product/images/ico_face.png")?>" width="30" height="30" alt="gmode" /> <a href="http://facebook.com/gmode" target="_blank"">Facebook</a>
<img src="<?php echo $this->url->content("content/gmode_product/images/ico_yabo.png")?>" width="30" height="30" alt="gmode" /> <a href="">Yaboo</a>                </div>
                <div class="clear"></div>
            </div>
            <div id="dynamicLogoB"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</form>  
<div style="display: none;">
	<img src="<?php echo $this->url->content("content/gmode_product/images/bg_side_show.png")?>" />
	<img src="<?php echo $this->url->content("content/gmode_product/images/bg_side_hide.png")?>" />
</div>  
</body>
</html>
